

.pageWrapper {
  background-color: #F9FAFB;
  min-height: 100vh;
}

.sidebarTransition {
  transition: width 0.3s ease-in-out;
}

.navItemActive {
  background-color: #EEF2FF;
  color: #4F46E5;
  border-right: 3px solid #4F46E5;
}

.navItem:hover {
  background-color: #F3F4F6;
  color: #4F46E5;
}

.tableRow:hover {
  background-color: #F9FAFB;
}

.actionBtn {
  transition: all 0.2s ease-in-out;
}

.actionBtn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.editBtn:hover {
  background-color: #3B82F6;
  color: white;
}

.deleteBtn:hover {
  background-color: #EF4444;
  color: white;
}

